$(document).ready(function() {
	$.get(urlrest, function(result) {
		$.each(result.factura, function(index, value) {
			var source = $("#template").html();
			var template = Handlebars.compile(source);
			$("#body").append(template(value));
		});
	});
	
	$.get(urlrestclientes, function(result) {
		$.each(result.cliente, function(index, value) {
			var source = $("#tpl_clientes").html();
			var template = Handlebars.compile(source);
			$("#selector_cliente").append(template(value));
		});
	});

	$('#anyadir').click(function() {
		var data = {
			codigo : $('#formcodigo').val(),
			metros : $('#formmetros').val(),
			tarifa : $('#formtarifa').val(),
			fecha : $('#formfecha').val(),
			periodo : $('#formperiodo').val(),
			cliente : $('#selector_cliente').val()
		};
		$.post(urlrest, data, function() {
			location.reload();
		});
	});

	$('.btnEditar').live('click', function() {
		seleccionado = $(this).attr('class');
		seleccionado = seleccionado.split(' ')[0];
		seleccionado = seleccionado.replace('codigo_', '');

		$.get(urlrest + seleccionado, function(result) {
		});
		
		$('#eformcodigo').val($('.fieldcodigo' + seleccionado).html());
		$('#eformmetros').val($('.fieldmetros' + seleccionado).html());
		$('#eformtarifa').val($('.fieldtarifa' + seleccionado).html());
		$('#eformfecha').val($('.fieldfecha' + seleccionado).html());
		$('#eformperiodo').val($('.fieldperiodo' + seleccionado).html());

		$('#edit').modal('show');
	});

	$('#editar').click(function() {
		var data = '{"codigo":"'+$('#eformcodigo').val()+'",';
			data += '"metros":"'+$('#eformmetros').val()+'",';
			data += '"tarifa":"'+$('#eformtarifa').val()+'",';
			data += '"fecha":"'+$('#eformfecha').val()+'",';
			data += '"periodo":"'+$('#eformperiodo').val()+'"}';

		$.ajax({
			url : urlrest + $('#eformcodigo').val(),
			data : data,
			type : 'put',
			contentType : 'application/json',
			beforeSend : function(xhr) {
				xhr.overrideMimeType("application/json");
				xhr.setRequestHeader("Accept", "application/json");
			}
		}).done(function(data) {
			location.reload();
		});
	});
	
	$('.btnBorrar').live('click', function() {
		seleccionado = $(this).attr('class');
		seleccionado = seleccionado.split(' ')[0];
		seleccionado = seleccionado.replace('borrar_', '');
		
		var confirmacion = confirm("Seguro que quieres borrar?");
		
		if(confirmacion) {
			$.ajax({
				url : urlrest + seleccionado,
				type : 'delete',
			}).done(function(data) {
				location.reload();
			});
		}
	});
	
});